
.progress{width:100px; height:12px; padding-left:5px; background:url("../images/step.gif") 0% -72px;}
.progress .bg{width:100px; height:12px; background:url("../images/step.gif") 100% -12px; text-align:left;}
.progress .bar{width:100px; height:12px; background:url("../images/step.gif") 100% -84px;}


.project-list{padding:0 5px;}
.project-list table th{border-bottom:#eee 1px solid; font-size:12px;}
.project-list .row-0{background-color:#FFF;}
.project-list .row-1{background-color:#F8F8F8;}


.step{ margin:30px 0;}
.step ul{ margin:0; padding:0;}

.step .icons{ margin-left:45px; }
.step .icons li{ float:left; list-style:none; height:12px; background:url("../images/step.gif") no-repeat; }
.step .icons li.node-on{ width:12px; background-position:right -48px; margin:0 5px; }
.step .icons li.process-on{ width:90px;}
.step .icons li.process-on .process-arrow{ height:12px; background:url("../images/step.gif") right -24px no-repeat;}

.step .icons li.node-off{ width:12px; background-position:right -72px; margin:0 5px; }
.step .icons li.process-off{ width:90px; background-position:0 -12px;}
.step .icons li.process-off .process-arrow{height:12px; background:url("../images/step.gif") right -36px no-repeat;}
.step .icons li.process-off .step-progress-bg-l{height:12px;background:url("../images/step.gif") 0 -72px no-repeat; padding-left:5px;}
.step .icons li.process-off .step-progress-bg-r{height:12px;background:url("../images/step.gif") right -84px no-repeat; min-width:5px;}

.step .icons li.node-over{ width:12px; background-position:right -60px; margin:0 5px; }


.step .names{ margin-top:5px;}
.step .names li{ float:left; width:112px; list-style:none;text-align:center;}
.step .names .over{ color:#666; }
.step .names .off{ color:#BBB; }


.tickets{}
.tickets thead th{ border-bottom:#ccc 1px solid;}
.tickets tbody td{ border-bottom:#fafafa 1px solid;}

